<template>
  <!-- 注意，这里外面template一定要有一个div包着，而且保证只有一个div在最外层 -->
  <div></div>
  <!-- 这种就不行了，因为template有两个div在最外层 -->
  <!-- <div></div> -->
</template>
<script>
export default {
  // 一个组件的创建，就像一个人的诞生，是由细胞去通过衍生不同的阶段，进行发育执行对应的事情，
  // vue组件你可以理解成细胞
  // 一个细胞       分裂产生，发育成熟，死亡
  // 一个组件会经历从诞生，到渲染到页面，到销毁
  // 组件创建之前，你可以做的
  beforeCreate() {},
  // 组件创建完成
  created() {},
  //组件挂载到页面之前
  beforeMount() {},
  // 组件挂载到页面之后(用的最多，一般用来，页面刚加载完就马上发起网络请求)
  mounted() {},
  // 组件被销毁之前
  beforeDestory() {},
  // 组件销毁之后
  destroyed() {},
};
</script>
